<!DOCTYPE html>
<html>
<head>
<title>Stalk2Inspire | Forum</title>
<link rel="stylesheet" href="<?php echo base_url(); ?>/css/bootstrap.css" >

</head>
<body>
<!-- begin page-->
<div class="container" id="container">

<div class="row">
<div class="span13">
<h2>Stalk2Inspire Forum Page</h2>
</div>
</div>

<div class="row">
<div class="span13">
	<div class="row">
	<div class="span13" style="background:black; border-radius:5px 5px 0 0; height:50px;"><h3 style="color:#fff">Categories</h3></div>
	</div>
	
	<?php 
	foreach ($categories as $category){
	?>
	<div class="row">
	<div class="span13" style="background:#aaaadd;margin-top:3px; border-radius:3px; height:100px;box-shadow:0 0 3px #000">
	<div style="margin-left:5px;">
	<h4><?php echo $category[1]; ?></h4>
	<p>Description : <?php echo $category[2];?></p>
	<a href="forum/category/<?php echo $category[0];?>" class="btn primary small">Open</a>
	<a href="forum/new_thread/<?php echo $category[0];?>" class="btn small">Create a thread</a>
	</div>
	</div>
	</div>
	
	<?php
	}
	
	?>
	
</div>
</div>
</div>
</div>
</div>
</body>
</html>
